 <!DOCTYPE html>
<html>
<!--Made By kailuosoft.com, TEL 171 9992 9517 -->
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>凯络科技后台管理系统</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
	<style type="text/css">
		.table th.sorted,.table th:hover{color:#e30}
		.table th.sorted.ascending::after{content:" \2191";display:inline-block;height:10px;font-size:20px;line-height:20px;font-weight:bold;overflow:hidden;margin-left:6px;color:#e30}
		.table th.sorted.descending::after{content:" \2193";display:inline-block;height:10px;font-size:20px;line-height:2px;font-weight:bold;overflow:hidden;margin-left:6px;color:#e30}
		.table th.no-sort,th.no-sort:hover{color:#666;cursor:not-default}

	</style>
    <link rel="shortcut icon" href="favicon.ico"> 
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/bootstrap.min14ed.css">
    <link href="__PUBLIC__/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="__PUBLIC__/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="__PUBLIC__/css/animate.min.css" rel="stylesheet">
    <link href="__PUBLIC__/css/style.min862f.css?v=4.1.0" rel="stylesheet">
	<link href="__PUBLIC__/css/page.css" rel="stylesheet">
    <link href="__PUBLIC__/css/new.css" rel="stylesheet">
	<script src="__PUBLIC__/js/jquery.min63b9.js?v=2.1.4"></script>
    <script src="__PUBLIC__/js/plugins/layer/layer.min.js"></script>
  	<script type="text/javascript">
   		//分页
		function page(n,s){
			var start=$('.cycle_start').val();
			var end=$('.cycle_end').val();
			var team =$('#team').val();
			var salesman =$('.salesman').val();
			location.href='information?pageNo='+n+'&pageSize='+s+'&start='+start+'&end'+end+'&team='+team+'&salesman='+salesman;
	    	return false;
	    }
		//删除
		function dele(id){
		    layer.confirm('确定要删除吗？',
			              {btn:['确定','取消']},
						  //function(){location.href='delete?id='+id}),
							  function(){
									$.ajax({
										 type: "GET",
										 url: "order_delete",
										 data: {id:id},
										 success: function(data){
											if(data>0){
												 layer.alert('删除成功','',function(){window.location.reload()});
												 //layer.alert('删除成功！','',function(){window.location.reload());
											}else{
												layer.alert('删除失败！');
											}
										}
									 });
							  }
						  ),
						
						  function(){return false;} 
						  
		}
		
		//排序
		function list_sort(name){
			$(this).attr('background','red');
			if($('#asc').val()=='asc'){
				var asc='desc';
			}else{
				var asc='asc';
			}
			var status=$('#status').val();
			var order_sn=$('#order_sn').val();
			var starttime=$('#starttime').val();
			var endtime=$('#endtime').val();
			//var method_url = '?pageNo='+{$count.pageNo}+'&pageSize='+{$count.pageSize}+'&status='+status+'&tid='+order_sn+'&starttime='+starttime+'&endtime'+endtime+'&name='+name+'&asc='+asc;
			//location.href = method_url;
			
		}	
		
	</script>
</head>


<body class="gray-bg">
	<div class="ibox-title">
    	<h5>数据管理</h5>
    </div>
    <div class="ibox-content">
					     <form id="searchForm" class="form-inline" method="post" action="" >
					<div class="row">
                            <input type='hidden' name='pageNo' value='1' />
                            <input type='hidden' name='pageSize' value='10' />
                            <input type='hidden' id='name' name='name' value='{$order.name}' />
                            <input type='hidden' id='asc' name='asc' value='{$order.asc}' />
                            
                            <div class='search'>
                            	<div style="width:180px; float:left; margin-top:-2px;">
                              		统计周期：
                                    <select name="cycle" class="form-control" style="padding-top:2px" id="cycle">
                                     	<option value="0" id="cycle_search">请选择</option>
                                            <option value="1">年</option>
                                    		<option value="2">月</option>
                                	 </select>
                                </div>
                               
                               	<div style="width:200px; float:left; display:none;" id="month_start">
							    <input class="form-control input-sm cycle_start" placeholder="开始时间" name='mon_start' id='start' onClick="laydate({istime: true, format: 'YYYY-MM'})" >						到
                                </div>
								<div style="width:200px; float:left;  display:none;" id="month_end">
                                <input class="form-control input-sm cycle_end" placeholder="结束时间" name='mon_end' id='end' onClick="laydate({istime: true, format: 'YYYY-MM'})" value="{$end}"> 
                                </div>
                                
                                	<div style="width:200px; float:left; display:none;" id="year_start">
							    <input class="form-control input-sm cycle_start" placeholder="开始时间" name='start' id='start1' onClick="laydate({istime: true, format: 'YYYY'})" value="{$start}">						到
                                </div>
								<div style="width:200px; float:left;  display:none;"  id="year_end">
                                <input class="form-control input-sm cycle_end" placeholder="结束时间" name='end' id='end1' onClick="laydate({istime: true, format: 'YYYY'})" value="{$end}"> 
                                </div>
                                
                                <div style="width:160px; float:left; margin-top:-2px;">
                              		 <select name="team" class="form-control" id="team" style="padding-top:0px">
                                     	<option value="">请选择业务团队</option>
                                		<foreach name="team_list" item="team">
                                            <option value="{$team.team_name}">{$team.team_name}</option>
                                        </foreach>
                                    
                                	 </select>
                                </div>
                                
                                <div style="width:150px; float:left; margin-top:-2px;">
                              		 <select name="team_members" class="form-control" id="team_members1" style="padding-top:0px;">
                                    	<option value=""  >请选择业务员</option>
                                        <foreach name="members_list" item="members" key="k">
                                            <option value="{$members_list.$k}" class="team_members">{$members_list.$k}</option>
                                        </foreach>
                                    
                                	 </select>
                                     
                                     <select name="team_members" class="form-control" id="team_members2" style="padding-top:0px;display:none;">
                                    	
                                        <!--
                                        <foreach name="members_list" item="members" key="k">
                                            <option value="{$members_list.$k}" class="team_members">{$members_list.$k}</option>
                                        </foreach>
                                    -->
                                	 </select>
                                </div>
                                
                                
                                
							    <input type="submit" class="btn btn-sm btn-primary" name="search" value="搜索" />
								<a class="btn btn-white btn-sm " href="javascript:window.location.reload(true);" data-toggle="tooltip" data-placement="left"   title="刷新" style="margin-top:-6px;"> <i class="glyphicon glyphicon-repeat"></i> 刷新</a>  
							    
                            </div>
                        </div>
					    </form>

<table class=" table table-bordered table-striped table-hover" id="sortPageTable0">
						<thead valign="middle">
							<tr>
								<th colspan="6">销售数据汇总</th>
							</tr>
						</thead>
						<tbody id="tbody">
							<tr>
								<td>	
									名称
								</td>
                                <td>
									时间
								</td>
								<td>
									销售金额
								</td>
                                
                                
								<td>	
									毛利润金额
								</td>
								<td>
									订单数
								</td>
								<td>
									毛利润率
								</td>
							</tr>
                            
                            <foreach name="information_list" item="information" key="key">
                                <tr>
                                    <td>{$information.team_name}</td>
                                    <td class="time">
                                    	{$information.finish_time}
                                    </td>
                                    <td class="sale">
                                    	<if condition = "$information.total_price eq null">
                                        	0
                                        <else />
                                        	{$information.total_price}
                                        </if>
                                    </td>
                                    <td class="profit_margin">{$information['total_price']-$information['total_cost']}</td>
                                    <td class="count">{$information.count}</td>
                                    <td class="gross_profit_margin">
                                    	<if condition = "$information.total_price eq null">
                                        	0
                                        <else />
                                        	{$information.percentage}
                                        </if>
                                    </td>
                                </tr>
							</foreach>
                            </tbody>
						<tfoot>
							<tr class="page">
								<td colspan="20" >
                                
                                
                            
								</td>
							</tr>
						</tfoot>
						
					</table>

			</form>							
	<!-- 分页代码 -->
    <div class="fixed-table-pagination" style="display: block;">
	<div class="pull-left pagination-detail">
		<span class="pagination-info">显示第 1 到第 {$count.pageSize} 条记录，总共 {$count.count} 条记录</span>
		<span class="page-list">每页显示 
			<span class="btn-group dropup">
				<button type="button" class="btn btn-default  btn-outline dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
					<span class="page-size">{$count.pageSize}</span> <span class="caret"></span></button>
					<ul class="dropdown-menu" role="menu">
					<li class="<if condition=" $count.pageSize eq 10"> active </if>"><a href="javascript:page(1,10,'');">10</a></li>
					<li class="<if condition=" $count.pageSize eq 25"> active </if>"><a href="javascript:page(1,25,'');">25</a></li>
					<li class="<if condition=" $count.pageSize eq 50"> active </if>"><a href="javascript:page(1,50,'');">50</a></li>
					<li class="<if condition=" $count.pageSize eq 100"> active </if>"><a href="javascript:page(1,100,'');">100</a></li>
					</ul>
					</span> 条记录</span>
				</div>
				<div class="pull-right pagination-roll">
				<ul class="pagination pagination-outline">
					<li class="paginate_button <if condition=" $count.pageNo eq 1"> previous disabled </if>"><a href="javascript:" onClick="page(1,{$count.pageSize},'');"><i class="fa fa-angle-double-left"></i></a></li>
					<li class="paginate_button <if condition=" $count.pageNo eq 1"> previous disabled </if>"><a href="javascript:" onClick="page({$count.pageNo}-1,{$count.pageSize},'');"><i class="fa fa-angle-left"></i></a></li>
					 <if condition=" $count.countpage gt 10 "> 
					 	<if condition=" $count.pageNo lt 5 "> 
							<li class="paginate_button "><a href="javascript:" onClick="page(1,{$count.pageSize},'');" id="<?php echo ($count['pageNo']==1)?'current':'' ?>">1</a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page(2,{$count.pageSize},'');" id="<?php echo ($count['pageNo']==2)?'current':'' ?>">2</a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page(3,{$count.pageSize},'');" id="<?php echo ($count['pageNo']==3)?'current':'' ?>">3</a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page(4,{$count.pageSize},'');" id="<?php echo ($count['pageNo']==4)?'current':'' ?>">4</a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page(5,{$count.pageSize},'');" id="<?php echo ($count['pageNo']==5)?'current':'' ?>">5</a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page(6,{$count.pageSize},'');" id="<?php echo ($count['pageNo']==6)?'current':'' ?>">6</a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page(7,{$count.pageSize},'');" id="<?php echo ($count['pageNo']==7)?'current':'' ?>">7</a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page(8,{$count.pageSize},'');" id="<?php echo ($count['pageNo']==8)?'current':'' ?>">8</a></li>
							<li class="paginate_button disabled"><a href="javascript:">...</a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page({$count.countpage},{$count.pageSize},'');">{$count.countpage}</a></li>
						<elseif condition="$count.pageNo lt $count.num and $count.pageNo egt 5"/>
							<li class="paginate_button "><a href="javascript:" onClick="page(1,{$count.pageSize},'');">1</a></li>
							<li class="paginate_button disabled"><a href="javascript:">...</a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page(<?php echo $count['pageNo']-3; ?>,{$count.pageSize},'');"><?php echo $count['pageNo']-3; ?></a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page(<?php echo $count['pageNo']-2; ?>,{$count.pageSize},'');"><?php echo $count['pageNo']-2; ?></a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page(<?php echo $count['pageNo']-1; ?>,{$count.pageSize},'');"><?php echo $count['pageNo']-1; ?></a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page({$count.pageNo},{$count.pageSize},'');" id='current'><?php echo $count['pageNo']; ?></a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page(<?php echo $count['pageNo']+1; ?>,{$count.pageSize},'');"><?php echo $count['pageNo']+1; ?></a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page(<?php echo $count['pageNo']+2; ?>,{$count.pageSize},'');"><?php echo $count['pageNo']+2; ?></a></li> 
							<li class="paginate_button "><a href="javascript:" onClick="page(<?php echo $count['pageNo']+3; ?>,{$count.pageSize},'');"><?php echo $count['pageNo']+3; ?></a></li>
							<li class="paginate_button disabled"><a href="javascript:">...</a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page({$count.countpage},{$count.pageSize},'');">{$count.countpage}</a></li>
						<else />
							<li class="paginate_button "><a href="javascript:" onClick="page(1,{$count.pageSize},'');">1</a></li>
							<li class="paginate_button disabled"><a href="javascript:">...</a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page(<?php echo $count['countpage']-4; ?>,{$count.pageSize},'');" id="<?php echo ($count['pageNo']==($count['countpage']-4))?'current':'' ?>"><?php echo $count['countpage']-4; ?></a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page(<?php echo $count['countpage']-3; ?>,{$count.pageSize},'');" id="<?php echo ($count['pageNo']==($count['countpage']-3))?'current':'' ?>"><?php echo $count['countpage']-3; ?></a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page(<?php echo $count['countpage']-2; ?>,{$count.pageSize},'');" id="<?php echo ($count['pageNo']==($count['countpage']-2))?'current':'' ?>"><?php echo $count['countpage']-2; ?></a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page(<?php echo $count['countpage']-1; ?>,{$count.pageSize},'');" id="<?php echo ($count['pageNo']==($count['countpage']-1))?'current':'' ?>"><?php echo $count['countpage']-1; ?></a></li>
							<li class="paginate_button "><a href="javascript:" onClick="page(<?php echo $count['countpage']; ?>,{$count.pageSize},'');" id="<?php echo ($count['pageNo']==$count['countpage'])?'current':'' ?>"><?php echo $count['countpage']; ?></a></li>
						</if>
					<else />
						<for start="0" end="$count.countpage" name='i'>
							<li class="paginate_button <if condition=" $count.pageNo eq $i+1"> previous disabled </if>"><a href="javascript:" onClick="page({$i+1},{$count.pageSize},'');" id="<?php echo ($count['pageNo']==($i+1))?'current':'' ?>">{$i+1}</a></li>
						</for>
					</if>
					<li class="paginate_button next <if condition=" $count.pageNo egt $count.countpage"> previous disabled </if>"><a href="javascript:" onClick="page({$count.pageNo}+1,{$count.pageSize},'');"><i class="fa fa-angle-right"></i></a></li>
					<li class="paginate_button next <if condition=" $count.pageNo egt $count.countpage"> previous disabled </if>"><a href="javascript:" onClick="page({$count.countpage},{$count.pageSize},'');"><i class="fa fa-angle-double-right"></i></a></li>
				</ul>
			</div>
		</div>
	<br/>
	<br/>
	</div>
	</div>
</div>
             </div>
                </div>
            </div>
             
        </div>
         
    </div>
     <div class="ibox-content" style="border-style:none;">
    <div class="row" style="border-style:none;"style="border-style:none;">
                    	<div class="col-sm-3"></div>

                        <div class="col-sm-6">
                            <div class="ibox float-e-margins">
                               
                                 
                                       
                                  
                                    
                             
                                <div class="ibox-content" style="height:600px;"> 
                                	<div style="float: right;  margin-right:20px; margin-top:10px; ">
                                            <input type="radio" id="r1" name="type" class="check-all" onClick="javascript:toAmColumn('1');" checked>销售额&nbsp;&nbsp;
                                            <input type="radio" id="r2" name="type" class="check-all" onClick="javascript:toAmColumn('2');">毛利润金额&nbsp;&nbsp;
                                            <input type="radio" id="r3" name="type" class="check-all" onClick="javascript:toAmColumn('3');">订单数量&nbsp;&nbsp;
                                            <input type="radio" id="r4" name="type" class="check-all" onClick="javascript:toAmColumn('4');">毛利润率&nbsp;&nbsp;
                                            
                                        </div>
                                   <div class="flot-chart" style="margin-top:150px;">
                                        <div class="demo" id="highcharts" ></div>
                                    </div>
                             		
                                
                                </div>
                            </div>
                        </div>
					</div>
                    
                 </div>   
	<script src="__PUBLIC__/js/jquery.min63b9.js?v=2.1.4"></script>
    <script src="__PUBLIC__/js/bootstrap.min14ed.js?v=3.3.6"></script>
    <script src="__PUBLIC__/js/plugins/peity/jquery.peity.min.js"></script>
    <script src="__PUBLIC__/js/content.mine209.js?v=1.0.0"></script>
    <script src="__PUBLIC__/js/plugins/iCheck/icheck.min.js"></script>
    <script src="__PUBLIC__/js/demo/peity-demo.min.js"></script>
    <script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
	<script src="__PUBLIC__/js/plugins/layer/laydate/laydate.js"></script>
    <div style="display:none"><script language="javascript" type="text/javascript" src="http://js.users.51.la/17825721.js"></script>
<noscript><a href="http://www.51.la/?17825721" target="_blank"><img alt="&#x6211;&#x8981;&#x5566;&#x514D;&#x8D39;&#x7EDF;&#x8BA1;" src="http://img.users.51.la/17825721.asp" style="border:none" /></a></noscript></div>
</body>
<!--Made By kailuosoft.com, TEL 171 9992 9517 -->

    

    <script language="javascript">

	
	   if('{$msg}'=='请先登录'){    
	        layer.alert('请先登录','',function(){location.href="{:U('Login/login')}";});
	   }
	   	//表格排序
	
		$("#cycle").change(function(){
			var cycle = $("#cycle").val();
			$.ajax({
				 type: "post",
				 url: "cycle_info",
				 data: {cycle:cycle},
				 success: function(msg){
					 if(msg==1){
						$('#year_start').css("display","inline-block");
						$('#year_end').css("display","inline-block");
						
						$('#month_start').css("display","none");
						$('#month_end').css("display","none");
					}else if(msg==2){
						$('#month_start').css("display","inline-block");
						$('#month_end').css("display","inline-block");
						
						$('#year_start').css("display","none");
						$('#year_end').css("display","none");
					}else if(msg==0){
						$('#year_start').css("display","none");
						$('#year_end').css("display","none");
						$('#month_start').css("display","none");
						$('#month_end').css("display","none");
					}
				}
			 });
			
		})
		
		$("#team").change(function(){
			$("#team_members2").empty();
			var team = $("#team").val();
			var str = $('#option').html();
			$('#team_members1').css('display',"none");
			$('#team_members2').css('display',"block");
			$.ajax({
				 type: "post",
				 url: "team_list",
				 data: {team:team},
				 dataType:'json',
				 success: function(msg){
					var str = "<option value=''>请选择业务员</option>";
					for(var i=0;i<msg.length;i++){
						str += "<option value='"+msg[i]+"'>"+msg[i]+"</option>";
					}
					
					$("#team_members2").append(str);
				}
			 });
			
		})
		
		
		$(function() { 
			   var count = "{$count.count}"-1;
			   var kefus='';
			   var length=$('.team_members').length;
			   var moarr = new Array();
			   for(var i=0; i<=length;i++){
					var r=$.trim($('#tbody').find('tr').eq(i+1).find('td').eq(2).text());	
					moarr[i]=parseFloat(r.replace("￥",""));
			   }
			   
			   var arr = new Array();
			   //var cycle = $('#cycle').val();
			  $('.time').each(function(i){
					arr[i] = $.trim($(this).text());
					kefus+="'"+$.trim($(this).text())+"',";
				})
				
				$('#highcharts').highcharts({ 
					chart: { 
						type: 'line' 
					}, 
					
					xAxis: { 
					//X轴选项 
						categories: 
							arr
						,
						  //'德菲丝旗舰店:抹茶','德菲丝旗舰店:幺幺',
						  //kefus
						  min: 0, 
						  max: count, 
						  
					}, 
					title: { //标题 
						text: '' 
					}, 
					yAxis: { //Y轴选项 
						min: 0, 
						//Y轴最小值 
					}, 
					tooltip: { //数据点提示框 当鼠标滑过某点时，以框的形式提示改点的数据，比如该点的值，数据单位等 
						headerFormat: '<span style="font-size:10px">{point.key}</span><table>', 
						pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' + '<td style="padding:0"><b>{point.y:.1f}</b></td></tr>', 
						footerFormat: '</table>', 
						shared: true, 
						useHTML: true 
					}, 
					plotOptions: { //数据点选项 
						column: { 
							pointPadding: 0.2, 
							borderWidth: 0 
						} 
					}, 
					
					series: [{ //数据列选项 
						name: '销售金额', 
						//显示数据列的名称 
						data: moarr //数组或JSON，如：data:[0, 5, 3, 5]，或data: [{name: 'Point 1',y: 0}, {name: 'Point 2',y: 5}] 
					}, 
					
					], 
					credits: { 
						enabled: false //不显示highCharts版权信息 
					}, 
					
				}); 
				
			});
			
			function toAmColumn(m){
				var  kk = parseFloat(m)+parseFloat(1);
				console.log(kk);
				var narr = new Array();
				var kefus='';
				if(m==1){
					var length=$('.sale').length;
					var name_from = '销售金额';
				}else if(m==2){
					var length=$('.profit_margin').length;
					var name_from = '毛利润金额';
				}else if(m==3){
					var length=$('.count').length;
					
					var name_from = '订单数量';
				}else{
					var length=$('.gross_profit_margin').length;
					
					var name_from = '毛利润率';
				}
			   for(var i=0;i<length;i++){
					var r=$.trim($('#tbody').find('tr').eq(i+1).find('td').eq(kk).text());
					narr[i]=parseFloat(r.replace("￥",""));
				}
				console.log(narr);
			   var arr = new Array();
				$('.sale').each(function(i){
						arr[i] = $.trim($(this).text());
						kefus+="'"+$.trim($(this).text())+"',";
					})
				$('#highcharts').highcharts({ 
					chart: { 
						type: 'line' 
					}, 
					
					xAxis: { //X轴选项 
						categories: 
							arr
						  //'德菲丝旗舰店:抹茶','德菲丝旗舰店:幺幺',
						  //kefus
						  
					}, 
					title: { //标题 
						text: '' 
					}, 
					yAxis: { //Y轴选项 
						min: 0, 
						//Y轴最小值 
					}, 
					tooltip: { //数据点提示框 当鼠标滑过某点时，以框的形式提示改点的数据，比如该点的值，数据单位等 
						headerFormat: '<span style="font-size:10px">{point.key}</span><table>', 
						pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' + '<td style="padding:0"><b>{point.y:.1f}</b></td></tr>', 
						footerFormat: '</table>', 
						shared: true, 
						useHTML: true 
					}, 
					plotOptions: { //数据点选项 
						column: { 
							pointPadding: 0.2, 
							borderWidth: 0 
						} 
					}, 
					series: [{ //数据列选项 
						name: name_from,  
						//显示数据列的名称 
						data: narr //数组或JSON，如：data:[0, 5, 3, 5]，或data: [{name: 'Point 1',y: 0}, {name: 'Point 2',y: 5}] 
					}, 
					
					], 
					credits: { 
						enabled: false //不显示highCharts版权信息 
					}, 
					
				}); 
			}

	</script>
<!-- Start of KF5 supportbox script -->

</html>